<html>
<head>
</head>
<body>
<wicket:panel>
	<div class="es-actionBox" id="msgPanelAP"><form wicket:id="form">
    	<div class="es-actionContainer">
 			<div>
 				<div style="color:#666; font-weight: bold; margin-bottom:5px;">Send a message to <span wicket:id="grpName">the group</span></div>
            	<textarea wicket:id="message" rows="3" class="es-actionTextArea">Write a comment</textarea>
            	<div>
	            	<div style="float:left;" class="js-swapper"></div>
	            	<div wicket:id="privacyPanel" style="float:right; margin:5px;">
	            		<div class="helpTip" style="float: right;">
						</div>
						<div class="tooltip" style="width:200px;margin:20px;"><p>You can control who can see and reply this message by choosing appropriate visibility</p></div>
	            		<div style="float:right;">
							<span class="ui-icon ui-icon-locked" style="float:left;margin-top:2px;">
							</span>
							<span>Visibility&nbsp;</span>
		                    <select wicket:id="privacy">
		                    </select>
		                    <span>&nbsp;</span>
	                    </div>
					</div>
				</div>
            </div>
            
			
        </div>
        <div class="es-actionButtons">
        	<button type="submit" wicket:id="submit" class="es-button ui-state-default ui-corner-all">Send</button> 
		</div>		
        </form><div style="clear:both"></div>
	</div>
</wicket:panel>
</body>	
</html>